<%--
    Document   : programasEstrategicos
    Created on : 26/04/2010, 03:38:19 PM
    Author     : Fiorella
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<script src="js/calendar.js" language="javascript"></script> <script type="text/javascript">

function autoCompletarDiv(metodo,url,cadena,async,idDiv)
        {
            if( window.XMLHttpRequest )
                ajax = new XMLHttpRequest();
            else
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            ELEMENT_DIV = idDiv;
            ajax.onreadystatechange = funcionCallbackVerDiv;
            ajax.open( metodo, url, async);
            ajax.send(cadena);
        }

    function funcionCallbackVerDiv()
        {
            if( ajax.readyState == 4 )
            {
                if( ajax.status == 200 )
                {
                    document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
                }
            }
        }



    function buscarResultados(){
            var txtEvento=document.getElementById("txtEvento").value;
            var txtFechaIni=document.getElementById("txtFechaIni").value;
            var txtFechaFin=document.getElementById("txtFechaFin").value;
            var txtMarca=document.getElementById("txtMarca").value;
            var codAlumno=document.getElementById("codAlumno").value;

            var codOlimpico=document.getElementById("codOlimpico").value;
            var codFederado=document.getElementById("codFederado").value;
            var txtPuesto=document.getElementById("txtPuesto").value;


            var idDiv = "divTabla";
                var metodo = "GET";
                //alert(tipoOper);
                var url="consultasAjax/adarMonitoreoResultadosAjax.jsp?codAlumno="+codAlumno+"&flagcapa="+0+"&txtPuesto=";
                    url=url+txtPuesto+"&txtEvento="+txtEvento+"&txtMarca="+txtMarca;
                    url=url+"&codOlimpico="+codOlimpico+"&codFederado="+codFederado;
                    url=url+"&txtFechaIni="+txtFechaIni+"&txtFechaFin="+txtFechaFin;
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
    }
//codAlumno,codMarca,codExpectativa,descEvento,fechaIni,fechaFin,codOlimpico,codFederado
//puesto,marcaresultado,numLugar,numRankOlimpico,numRankFederado,codTrimestre
  function editarExpectativa(codAlumno,codMarca,codExpectativa,descEvento,fechaIni,fechaFin,codOlimpico,codFederado,puesto
                            ,marcaresultado,numLugar,numRankOlimpico,numRankFederado,codTrimestre)
       {
           if(codOlimpico=="")codOlimpico="-1";
           if(codFederado=="")codFederado="-1";
           if(codTrimestre=="" || codTrimestre=="0" )codTrimestre="-1";

            document.getElementById("txtEvento").value=descEvento;
            document.getElementById("codOlimpico").value=codOlimpico;
            document.getElementById("codFederado").value=codFederado;
            document.getElementById("txtMarca").value=codMarca;
            document.getElementById("txtPuesto").value=puesto;
            document.getElementById("txtFechaIni").value=fechaIni;
            document.getElementById("txtFechaFin").value=fechaFin;
            document.getElementById("tipoOper").value="2";
            document.getElementById("codExpectativa").value=codExpectativa;

            //Ini Resultados
            if(eval(marcaresultado)>eval(0))
                document.getElementById("txtMarcaResultado").value=marcaresultado;
            else
                document.getElementById("txtMarcaResultado").value="";

            document.getElementById("txtLugar").value=numLugar;
            document.getElementById("txtRankingOlimpico").value=numRankOlimpico;
            document.getElementById("txtRankingFederado").value=numRankFederado;
            document.getElementById("codTrimestre").value=codTrimestre;

           //codAlumno,codMarca,codExpectativa,descEvento,fechaIni,fechaFin,codOlimpico,codFederado,puesto,marcaresultado,numLugar
           //numRankOlimpico,numRankFederado,codTrimestre()+"');\" >");

        }

      function grabarResultados(){

          if(validarInputExpectativa()==false)return;
          if(validaInputResultados()==false)return;

            var txtMarcaResultado=document.getElementById("txtMarcaResultado").value;
            var txtLugar=document.getElementById("txtLugar").value;
            var txtRankingOlimpico=document.getElementById("txtRankingOlimpico").value;
            var txtRankingFederado=document.getElementById("txtRankingFederado").value;
            var codAlumno=document.getElementById("codAlumno").value;
            var codExpectativa=document.getElementById("codExpectativa").value;
            var tipoOper=document.getElementById("tipoOper").value;
            var codTrimestre=document.getElementById("codTrimestre").value;
            

        var idDiv = "divTabla";
        var metodo = "GET";
        var url = "consultasAjax/adarMonitoreoResultadosAjax.jsp?codExpectativa="+codExpectativa+"&txtMarcaResultado="+txtMarcaResultado;
            url =url+"&flagcapa="+1+"&tipoOper="+tipoOper+"&codAlumno="+codAlumno+"&txtLugar="+txtLugar;
            url =url+"&txtRankingOlimpico="+txtRankingOlimpico+"&txtRankingFederado="+txtRankingFederado+"&codTrimestre="+codTrimestre;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        setControlExpectativa();

    }
function setControlExpectativa(){
            document.getElementById("txtEvento").value="";
            document.getElementById("codOlimpico").value="-1";
            document.getElementById("codFederado").value="-1";
            document.getElementById("txtMarca").value="";
            document.getElementById("txtPuesto").value="";
            document.getElementById("txtFechaIni").value="";
            document.getElementById("txtFechaFin").value="";
            document.getElementById("tipoOper").value="1";

              //Ini Resultados

            document.getElementById("txtMarcaResultado").value="";
            document.getElementById("txtLugar").value="";
            document.getElementById("txtRankingOlimpico").value="";
            document.getElementById("txtRankingFederado").value="";
            document.getElementById("codTrimestre").value="-1";


}
    function validaInputResultados(){

        if(document.getElementById("codTrimestre").value=="-1")
         {
             alert("Seleccione Trimestre");
             document.getElementById("codTrimestre").focus();
             return false;
         }
        //Ini Valida formato decimal        
        if(document.getElementById("txtMarcaResultado").value==""||document.getElementById("txtMarcaResultado").value==null )
         {
             if(eval(document.getElementById("txtMarcaResultado").value)==eval(0)){
                 alert("la marca debe ser mayor a cero");
                 document.getElementById("txtMarcaResultado").focus();
                 return false;
             }

             alert("Ingrese Marca");
             document.getElementById("txtMarcaResultado").focus();
             return false;
         }
         else
         if(isNaN(document.getElementById("txtMarcaResultado").value)==true){
            alert("Verifique formato de marca");
            document.getElementById("txtMarcaResultado").focus();
            return false;
        }

    //Fin Valida formato decimal
        

         if(document.getElementById("txtLugar").value==""){
            alert("Ingrese Lugar");
            document.getElementById("txtLugar").focus();
            return false;
         }

//Ini Valida formato decimal
        if(document.getElementById("txtRankingOlimpico").value==""||document.getElementById("txtRankingOlimpico").value==null)
         {
             alert("Ingrese Ranking Olimpico");
             document.getElementById("txtRankingOlimpico").focus();
             return false;
         }
         else
         if(isNaN(document.getElementById("txtRankingOlimpico").value)==true){
            alert("Verifique Ranking Olimpico");
            document.getElementById("txtRankingOlimpico").focus();
            return false;
        }


        if(document.getElementById("txtRankingFederado").value==""||document.getElementById("txtRankingFederado").value==null)
         {
             alert("Ingrese Ranking Federado");
             document.getElementById("txtRankingFederado").focus();
             return false;
         }
         else
         if(isNaN(document.getElementById("txtRankingFederado").value)==true){
            alert("Verifique Ranking Federado");
            document.getElementById("txtRankingFederado").focus();
            return false;
        }


    //Fin Valida formato decimal
  }
    function validarInputExpectativa(){

    if(document.getElementById("txtEvento").value==""){
                alert("Debe seleccionar un registro antes realizar modificaciones a los resultados ");
                document.getElementById("txtEvento").focus();
                return false;
            }
 /*           if(document.getElementById("codOlimpico").value!="-1" && document.getElementById("codFederado").value!="-1"){
                alert("Solo debe seleccionar un tipo de circuito");
                document.getElementById("codOlimpico").focus();
                return false;
            }

            if(document.getElementById("codOlimpico").value=="-1" && document.getElementById("codFederado").value=="-1"){
                alert("Debe seleccionar un tipo de circuito");
                document.getElementById("codOlimpico").focus();
                return false;
            }

      //Ini Valida formato decimal
        if(document.getElementById("txtMarca").value==""||document.getElementById("txtMarca").value==null)
         {
             alert("Ingrese Marca");
             document.getElementById("txtMarca").focus();
             return false;
         }
         else
         if(isNaN(document.getElementById("txtMarca").value)==true){
            alert("Verifique formato de marca");
            document.getElementById("txtMarca").focus();
            return false;
        }

    //Fin Valida formato decimal
      if(document.getElementById("txtFechaIni").value==""){
                alert("Ingrese Fecha Inicio");
                document.getElementById("txtFechaIni").focus();
                return false;
      }
      if(document.getElementById("txtFechaFin").value==""){
                alert("Ingrese Fecha Fin");
                document.getElementById("txtFechaFin").focus();
                return false;
      }
      */
   }

    function eliminarExpectativa(codAlumno,codMarca,codExpectativa,descEvento,fechaIni,fechaFin,codOlimpico,codFederado,puesto){

         if(confirmDeleteMarcaPersonal(descEvento,"","")==false)return;
                var codAlumno=document.getElementById("codAlumno").value;
                var idDiv = "divTabla";
                var metodo = "GET";
                //alert(tipoOper);
                //var url = "consultasAjax/cearListarAlumnoEAjax.jsp?codMarca="+codMarca+"&flagcapa="+1+"&tipoOper="+3;
                var url = "consultasAjax/adarMonitoreoResultadosAjax.jsp?codExpectativa="+codExpectativa+"&txtMarcaResultado=0";
                    url =url+"&flagcapa="+1+"&tipoOper="+3+"&codAlumno="+codAlumno+"&txtLugar=0";
                    url =url+"&txtRankingOlimpico=0&txtRankingFederado=0&codTrimestre=0";
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
            setControlExpectativa();
    }

     function confirmDeleteMarcaPersonal(descPrueba,apePaterno,apeMaterno){
        if (confirm("Esta seguro de eliminar Evento:  \n  "+descPrueba+" "+apePaterno+" "+apeMaterno))
            return true;
        else return false;
     }



   function cancel(){
        alert("hola");
        var codAdar=document.getElementById("codAdar").value;
        alert("hola2");
        var form = document.getElementById("AdarForm");
        form.action="Adar.do?dispatch=listarAlumnosMo&codAdar="+codAdar;
        form.method="post";
        form.submit();

    }


  function eventoSoloNumerosDecimal() {
        var key = event.keyCode;
	if ((key == 46 )|| (key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
		event.returnValue = true;
	else
		event.returnValue = false;
    }
   function eventoSoloNumeros() {
        var key = event.keyCode;
	if ((key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
		event.returnValue = true;
	else
		event.returnValue = false;
    }
</script>

<html>

    <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="lib/css/estilos.css" type="text/css">
        <link href="lib/css/calendar.css" rel="stylesheet" type="text/css" />
        <link href="lib/css/styles_pages.css" rel="stylesheet" type="text/css" />
        <title>JSP Page</title>
    </head>
    <body onload="inicializa()">

        <div  style="overflow: auto; width: 710px; height: 400px">
      <html:form action="Adar.do?dispatch=listarExpectativa" styleId="AdarForm">


          <!--Ini Alumnos-->

          <input type="hidden" id="tipoOper" value="1">
          <input type="hidden" id="codMarca" value="0">
          <input type="hidden" id="codExpectativa" value="0">


          <html:hidden property="codAdar" styleId="codAdar"></html:hidden>
          <html:hidden property="codAlumno" styleId="codAlumno"></html:hidden>

 <table>
    <tr>
        <td>Resultados</td>
        <td><input type="radio" name="capas" id="rboResultados" value="1" onclick="setRadio(this)"> </td>
        <td>Permanencia</td>
        <td><input type="radio" name="capas" id="rboPermanencia" value="2" onclick="setRadio(this)"></td>
    </tr>
</table>

              <br>
<div id="divResultados" style="display: none">
           <h1 align="center">Monitoreo Resultados AID</h1>
              <br>
              <table>
                  <tr>
                      <td>
                          Alumno
                      </td>
		      <td>
                          <html:text property="nomAlumno" disabled="true" styleId="nomAlumno" size="65"></html:text>
		      </td>
                  </tr>
              </table>


              <br>


              <table>
                  <tr>
                      <td>
                          Evento
                      </td>
		      <td>
                          <input type="text" id="txtEvento" readonly="true" disabled="true">
		      </td>
                      <td>
                          Circuito Olimpico
                      </td>
		      <td>
                          <select id="codOlimpico" disabled="true">
                                <option value="-1">[--Seleccionar--]</option>
                                <option value="1">Olimpicos</option>
                                <option value="2">Panamericanos</option>
                                <option value="3">Sudamericanos</option>
                          </select>
		      </td>
                  <td>
                          Circuito Federado
                      </td>
		  <td>
                          <select id="codFederado" disabled="true">
                                <option value="-1">[--Seleccionar--]</option>
                                <option value="1">Panamericano</option>
                                <option value="2">Sudamericano</option>
                                <option value="3">Bolivariano</option>

                          </select>
		  </td>
                  <td>
                          Marca
                     </td>
                      <td>
                          <input type="text" id="txtMarca" onkeypress="eventoSoloNumerosDecimal()" maxlength="6" readonly="true" disabled="true">
                     </td>
                   </tr>
                   <tr>
                     <td>
                          Puesto
                     </td>
                     <td>
                          <input type="text" id="txtPuesto" onkeypress="eventoSoloNumeros()" maxlength="6" readonly="true" disabled="true">
                     </td>
                     <td>
                          Fecha Inicio
                     </td>
		     <td>
                          <input type="text" id="txtFechaIni" readonly="true" disabled="true">
		     </td>
                     <td>
                          Fecha Fin
                      </td>
		      <td>
                          <input type="text" id="txtFechaFin"  readonly="true" disabled="true">
		      </td>

                  </tr>


                  <tr>
                     <td>
                          Marca Res.
                     </td>
                     <td>
                          <input type="text" id="txtMarcaResultado" onkeypress="eventoSoloNumeros()" maxlength="6" size="3">
                     </td>
                     <td>
                          Lugar
                     </td>
		     <td>
                          <input type="text" id="txtLugar" onkeypress="eventoSoloNumeros()" maxlength="2" size="2">
		     </td>
                     <td>
                          Ranking Olimpico
                      </td>
		      <td>
                          <input type="text" id="txtRankingOlimpico" onkeypress="eventoSoloNumerosDecimal()" maxlength="6" size="3">
		      </td>
                      <td>
                          Ranking Federado
                      </td>
		      <td>
                          <input type="text" id="txtRankingFederado" onkeypress="eventoSoloNumerosDecimal()" maxlength="6" size="3">
		      </td>
                  </tr>

                  <tr>
                      <td>
                          Trimestre
                      </td>
		      <td>
                          <select id="codTrimestre">
                                <option value="-1">[--Seleccionar--]</option>
                                <option value="1">Trimestre 1</option>
                                <option value="2">Trimestre 2</option>
                                <option value="3">Trimestre 3</option>
                                <option value="4">Trimestre 4</option>
                          </select>
		      </td>
                      <td colspan="6" align="right">
                          <input type="button" value="Regresar" onclick="cancel()">
                           <input type="button" value="Buscar" onclick="buscarResultados()">
                          <input type="button" value="Grabar" id="btnGrabarResultados" onclick="grabarResultados()">
                      </td>
                  </tr>
              </table>
              <br><br>

            <div id="divTabla">

            </div>
      </div>
              <input type="hidden"  id="valRadio">
              <html:hidden property="codCausaRetiro" styleId="codCausaRetiro"></html:hidden>

              <div id="divPermanencia" style="display: none" >
        <table id="tbPermanace">
                  <tr>
                      <td >
                            No permanece
                      </td>
                      <td>
                          <input type="checkbox" id="chkPermanece" name="miCheck" onclick="muestraComboCausaRetiro(this)">
                      </td>
                  </tr>

                  <tr>

                      <td  colspan="2" valign="top">

                                <div id="divCboEtiqueta" style="display: none">
                                    <html:select  property="codEtiqueta" styleId="codEtiqueta">
                                        <html:option value="0">Seleccionar Etiqueta</html:option>
                                        <html:optionsCollection name="AdarForm" property="listEtiquetas" value="codEtiqueta" label="descEtiqueta" />
                                    </html:select>
                                        <img style="cursor:pointer" title="MantEtiquetaCausaRetiro" title="Meta" alt="Meta" border=0  src="images/b_edit.png" onclick="mostrarMantEtiqueta(this);">
                                        <input type="button" id="grabarPermanencia" value="Grabar Permanencia" onclick="grabarPermanenciaAlumno()">
                                </div>

                                <br>
                                <br>
                            <div id="mantEtiqueta" style="display:none">
                                    <table>
                                        <tr>
                                            <td colspan="2" align="center">Ingrese Nombre de Causa
                                                <input type="text" id="nombreEtiqueta">
                                            </td>

                                        </tr>
                                        <tr>
                                            <td>
                                                Agregar <input type="radio" name="operacion" id="insertar" value="2" onclick="setValueRadio(this);">
                                                Actualizar <input type="radio" name="operacion" id="actualizar" value="3" onclick="setValueRadio(this);">
                                                Eliminar <input type="radio" name="operacion" id="eliminar" value="4" onclick="setValueRadio(this);">
                                            </td>
                                            <td  align="right">
                                                <input type="button" value="Cancelar" onclick="cancelGrabarEtiqueta()">
                                                <input type="button" value="Grabar" onclick="grabarEtiqueta()">
                                            </td>
                                        </tr>
                                    </table>
                            </div>

                  </td>

                  </tr>
              </table>
</div>
        <input type="hidden" id="valRadioEtiqueta">

</html:form>
</div>
</body>
</html>
<script type="text/javascript">

  function inicializa(){
      if(document.getElementById("codCausaRetiro").value!="0")
      {
          setControlForPermanencia();
      }
      buscarResultados();
  }

  function setRadio(obj)
  {

      if(obj.value=="1"){
          document.getElementById("divPermanencia").style.display='none';
          document.getElementById("divResultados").style.display='';
      }
      if(obj.value=="2")
      {
          document.getElementById("divPermanencia").style.display='';
          document.getElementById("divResultados").style.display='none';
      }

  }

    function muestraComboCausaRetiro(obj)
 {

     if(obj.checked==true)
     {
        document.getElementById("divCboEtiqueta").style.display='';
        document.getElementById("mantEtiqueta").style.display='none';
        //document.getElementById("grabarNota").style.display='none';
        //document.getElementById("grabarPermanencia").style.display='';
     }
    else
    {
        document.getElementById("divCboEtiqueta").style.display='none';
        document.getElementById("mantEtiqueta").style.display='none';
        //document.getElementById("grabarNota").style.display='';
        //document.getElementById("grabarPermanencia").style.display='none';
    }
 }

  function cancelGrabarEtiqueta(){
        document.getElementById("mantEtiqueta").style.display='none';
    }

 function grabarEtiqueta(){
        var nombEtiqueta=document.getElementById("nombreEtiqueta").value;
        var codEtiqueta=document.getElementById("codEtiqueta").value;
        var tipoOper=document.getElementById("valRadioEtiqueta").value

        if(validarMantEtiqueta()==false)return;
        var idDiv = "divCboEtiqueta";
        var metodo = "GET";
        var url = "consultasAjax/adarListarComboCausaRetAjax.jsp?flagCapa="+4+"&tipoOper="+tipoOper+"&nombEtiqueta="+nombEtiqueta+"&codEtiqueta="+codEtiqueta;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        document.getElementById("mantEtiqueta").style.display='none';
    }

   function mostrarMantEtiqueta(){
        document.getElementById("mantEtiqueta").style.display='';
    }

    function grabarPermanenciaAlumno(){

        if(document.getElementById("codEtiqueta").value=="0")
        {
            alert("Seleccione causa de retiro");
            document.getElementById("codEtiqueta").focus();
            return
        }


       /* if(confirmPermanencia(document.getElementById("nombreAlumno").value)==false){
            return;
        }
*/
        var codAlumno=document.getElementById("codAlumno").value;
        var codEtiqueta=document.getElementById("codEtiqueta").value

       // var divTabla;
        var idDiv = "divTabla";
        var metodo = "GET";
        var url = "consultasAjax/adarMonitoreoResultadosAjax.jsp?flagcapa="+3+"&codAlumno="+codAlumno+"&codEtiqueta="+codEtiqueta;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

        setControlForPermanencia();
    }

    function setControlForPermanencia(){
        document.getElementById("divPermanencia").style.display='none';
        document.getElementById("divResultados").style.display='';

        document.getElementById("rboResultados").checked=true;
        document.getElementById("rboPermanencia").checked=false;
        document.getElementById("rboPermanencia").disabled=true;        
        document.getElementById("btnGrabarResultados").style.display='none';
        
    }

    function confirmPermanencia(obj){
       if (confirm(" ¿Esta seguro de quitar permanencia al alumno \n"+obj+" ?"))
            return true;
        else return false;
     }

     function setValueRadio(obj){
        document.getElementById("valRadioEtiqueta").value=obj.value;
    }

  function validarMantEtiqueta(){

        var flagOperEtiqueta=document.getElementById("valRadioEtiqueta").value;
        if(flagOperEtiqueta==""){
            alert("Seleccione opcion Agreagar, Actualizar o Eliminar para continuar");
            return false;
        }
        if(flagOperEtiqueta=="2"){

            if(document.getElementById("nombreEtiqueta").value=="" ||document.getElementById("nombreEtiqueta").value==null){
                alert("Ingrese nombre descriptivo de etiqueta");
                document.getElementById("nombreEtiqueta").focus();
                return false;
            }

        }
        if(flagOperEtiqueta=="3"){
            if(document.getElementById("codEtiqueta").value=="0"){
                alert("Seleccione etiqueta a modificar");
                document.getElementById("codEtiqueta").focus();
                return false;
            }

            if(document.getElementById("nombreEtiqueta").value=="" ||document.getElementById("nombreEtiqueta").value==null){
                alert("Ingrese nombre descriptivo de etiqueta");
                document.getElementById("nombreEtiqueta").focus();
                return false;
            }

        }

        if(flagOperEtiqueta=="4"){
            if(document.getElementById("codEtiqueta").value=="0"){
                alert("Seleccione etiqueta a eliminar");
                document.getElementById("codEtiqueta").focus();
                return false;
            }
        }
    }
</script>